<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>书单 - 夜读书</title>
    <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="format-detection" content="telephone=no">
    <meta name="author" content="夜读书">
    <meta name="description" content="夜读书的书友分享的书单。">
    <meta name="keywords" content="夜读书，书单">
    <link rel="stylesheet" href="{{ asset('/bootstrap-3.3.5-dist/css/bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ asset('/style/css/mobile.css') }}">    
    <script src="{{ asset('/scripts/jquery/jquery-1.11.3.min.js') }}"></script>
    <script src="{{ asset('/bootstrap-3.3.5-dist/js/bootstrap.min.js') }}"></script>
</head>
<body>
@include('mobile.nav')
<div id="shudan">

    <div class="sdlist">                
        <div class="sddh">
            <div class="memo">夜读书的书友制作的主题书单</div> 
        </div>
        @foreach($shudans as $shudan)
        <a href="{{url('mobile/shudaninfo/'.$shudan->id)}}">
        <div class="sditem">
            <div class="" style="float:right;">
                <div class="div-relative">
                    @if(isset($shudan->shudanlists[2]))               
                    <div class="div-a"><img src="http://www.yedushu.com/{{$shudan->shudanlists[2]->bimg}}"></img></div> 
                    @endif
                    @if(isset($shudan->shudanlists[1]))
                    <div class="div-b"><img src="http://www.yedushu.com/{{$shudan->shudanlists[1]->bimg}}"></img></div> 
                    @endif
                    @if(isset($shudan->shudanlists[0]))
                    <div class="div-c"><img src="http://www.yedushu.com/{{$shudan->shudanlists[0]->bimg}}"></img></div>
                    @endif
                </div> 
            </div>
            <div class="title">{{$shudan->biaoti}}</div>
            <div class="zuozhe"><span>{{$shudan->users->user_name}}</span> <span>共{{$shudan->geshu}}本</span></div>
            <div style="clear:both;"></div>
        </div>
        </a>
        @endforeach
    </div>

    <div class="simplePaginate"> 
        {!! $shudans->render() !!}
    </div>
        
</div> 
@include('mobile.footer')
</body>
</html>